<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt_rt"%>


<c:set var="url_context" value="${pageContext.request.contextPath}" scope="application" />
<c:set var="url_style" value="${url_context}/styles" scope="application" />
<c:set var="url_script_iris" value="${url_context}/script" scope="application" />
<c:set var="url_script_lib" value="${url_script_iris}/js-libraries" scope="application" />

<html>

	<head>
	
		<!-- JQUERY -->
		<script type="text/javascript" src="${url_script_lib}/jquery-1.7.2.js"></script>
		
		<!-- JQUERY UI -->
	    <link rel="stylesheet" type="text/css" href="${url_script_lib}/jquery-ui/theme/jquery.ui.all.css" />
	    <script type="text/javascript" src="${url_script_lib}/jquery-ui/jquery-ui-1.8.22.custom.js"></script>
		
		<!-- BOOTSTRAP -->
		<link href="${url_context}/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
    	<script src="${url_context}/bootstrap/js/bootstrap.min.js"></script>
    	
    	<link rel="stylesheet" type="text/css" href="${url_style}/bs-iris-all.css" />
	</head>
	
	<body>
		<div id="file-info" class="pull-left">
			File name: <strong><span class="oranged">${file.fileName}</span></strong><br/>
			Uploaded: <fmt:formatDate value='${file.createDate}' pattern="MMMM dd yyyy - hh:mma"/>
		</div>
		<img src="${url_context}/scanned-file-image.jspx?id=${file.id}" class="img-polaroid"/>
	</body>
	
	<script type="text/javascript">
		$(document).ready(function(){
			$('#file-info').draggable();
		});
	</script>
</html>